<template>
        <el-container class="layout">
            <header-Item></header-Item>
            <div class="main">
               <sidebar-Item></sidebar-Item>
                <el-main>
                    <router-view/>
                </el-main>
            </div>

        
        </el-container>

</template>
<style rel="stylesheet/scss" lang="scss" scoped>
    .layout{
        height: 100%;
    }
</style>
<script>
import headerItem  from './component/header.vue'
import sidebarItem  from './component/aslide.vue'
// 引入公共的bug，来做为中间传达的工具
import Bus from '../util/bus.js'
export default {


    data() {
       return {
            isCollapse:false,
        }
    },
//	创建实例时就会触发
    created() {
        
    },
    mounted() {
        let _this = this;
        // 接收
        Bus.$on('val', (data) => {
            console.log(data);
            
            _this.isCollapse = data
        })
    },
//	检测视图值变化触发，有改变就会触发
    computed:{
        
    },
    methods:{

    },
    components: {
        headerItem,
        sidebarItem
    },
}
</script>